<!-- 14padding多值
    语法
    padding:上 右 下 左
    特点
    1.按顺序走，没写的看对面
    2.大小与内容独立，会撑大盒子
 -->

 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            width: 200px;
            height: 200px;
            background-color: pink;
            padding: 10px 30px;
        }
    </style>
 </head>

 <body>
    <div>
        <p>
            这是一个简单的盒子模型
        </p>
    </div>
 </body>
 </html>